<template>
    <div>
        <a-modal
            v-model:visible="visible"
            title="修改档案"
            @cancel="visible = false"
            @ok="visible = false"
            width="100%"
            wrapClassName="full-modal"
            :footer="null"
        >
            <personalInfoIndex ref="personalInfoIndexRef" @successChange="successChange"/>
        </a-modal>
    </div>
</template>
<script>
import { ReadOutlined } from '@ant-design/icons-vue'
import personalInfoIndex from '../personalInfo'
export default {
    components:{
        personalInfoIndex,
    },
    props:{

    },
    data(){
        return{
            visible:false,
        }
    },
    watch:{

    },
    mounted(){
        
    },
    methods:{
        getData(row){
            this.$nextTick(()=>{
                // {fuserid:row.id,isOwn:true}
                this.$refs.personalInfoIndexRef.getData(row.id)
            })
        },
        successChange(){
            this.emit('successChange')
        }
    }
}
</script>
<style lang="less">
    .full-modal {
        .ant-modal {
            max-width: 100%;
            top: 0;
            padding-bottom: 0;
            margin: 0;
        }
        .ant-modal-content {
            display: flex;
            flex-direction: column;
            height: calc(100vh);
        }
        .ant-modal-body {
            flex: 1;
        }
    }
</style>